<template>
	<div class="showinfo">
		<p>
			<img v-lazy="path" :height="height" :width="width" alt="">
			&nbsp;&nbsp;
			<span class="date">记账日期 : {{date}}</span>
			<EditIcon @editicon="editicon"></EditIcon>
			<Arrow class="right" @right="right"></Arrow>
		</p>
	</div>
</template>

<script>
// eslint-disable-next-line
/* eslint-disable */
import Arrow from "../components/arrow.vue"
import EditIcon from "../components/editicon.vue"
export default {
	name: 'showinfo',
	props: {
		path: String,
		date: String,
		height: Number,
		width: Number
	},
	components: {
		Arrow,
		EditIcon
	},
	data() {
		return {

		}
	},
	methods: {
		right() {
			this.$emit("right")
		},
		editicon() {
			this.$emit("editicon")
		}
	}
}
</script>

<style lang="scss" scoped>
@import "../../public/sass/var.scss";
.showinfo{
	padding: 10px;
	p{

		img{
			vertical-align: middle;
		}
		.date{
			vertical-align: middle;
			color: $familycolor;
		}
		
	}
	.right{
		float: right;
	    padding: 50px 10px 10px 10px;
	    background-image: url("../../public/images/btn-right.png");
	    background-repeat: no-repeat;
	    background-position-y: 56%;
	    margin-top: 10px;
	}
}	
</style>